<?php
/*
Template Name: 归档模板
*/
//$layout = of_get_option('side_bar');
get_header(); ?>
<div class="container">
	<!--侧栏-->
	<div class="span2 profile">
        <?php get_sidebar();?>
	</div>
	<!--正文-->
	<div class="span8">
	<style type="text/css">
		#archives{
			color: #868686;
		}
		#archives .al_year{
			color: #080808;
			padding: 5px 30px;
		}
		ul.al_mon_list li{
			padding: 2px 0;
			line-height: 28px;
		}
		ul.al_mon_list li em{
			color: #c0392b;
		}
		ul.al_mon_list .al_mon{
			display: block;
			border-bottom: 1px dotted #ddd;;
		}
		ul{list-style: none;}
		li{list-style: none;}
	</style>
	<script type="text/javascript">
$(function(){
	//归档文章
	$('#archives span.al_mon,#archives .al_year').css({cursor:"pointer"});
	$('#archives span.al_mon').each(function(){
		var num=$(this).next().children('li').size();
		var text=$(this).text();
		$(this).html(text+'<em> ( '+num+' 篇文章 )</em>');
	});
	var $al_post_list=$('#archives ul.al_post_list'),
		$al_post_list_f=$('#archives ul.al_post_list:first');
	$al_post_list.hide(1,function(){
		$al_post_list_f.show();
	});
	$('#archives span.al_mon').click(function(){
		$(this).next().slideToggle(400);
		return false;
	});
	$("#archives .al_year").click(function(){
		$(this).next().slideToggle(400);
		return false;
	});
});
</script>
		<?php while ( have_posts() ) : the_post(); ?>
			<article class="well clearfix page" id="post">
				<header class="entry-header">
					<h1 class="entry-title">
						<?php the_title(); ?>
					</h1>
				</header>

				<div id="archives" class="page-content">
					<?php specs_archives_list();?>
					<?php //the_content(); ?>
				</div>
			</article>
		<?php endwhile; // end of the loop. ?>
	</div>
</div>
	
<?php get_footer(); ?>